<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form表单</title>
</head>
<body>
    <form action="data.html" method="post" autocomplete="off" style="border: 1px solid red;height: 400px;width: 300px"  >
        <!--不独占一行
            readonly 只读  当前该标签只能查看不能编辑
            disabled 失效  当前的标签js是不能操作
            size     尺寸  设置输入框的宽度大小
            maxlength 最大字符个数
            autocomplete  输入的历史提示   on默认开启 off关闭提示
            placeholder  底部提示信息
        -->
        <input type="text" name="account" readonly value="0001" disabled size="5px"/>
        <input type="text"  name="username" maxlength="10" placeholder="用户名/电话/邮箱" value="张三" /><br/>
        <input type="password" name="password" placeholder="密码" /><br/>
        <input type="text" name="address" placeholder="地址"/>
        <input type="email" name="email" placeholder="邮箱"/>
        <input type="number" name="age" placeholder="年龄"/><br/>
        编程专业:
        <!--select  下拉列表标签  组合标签
            option 选项
        -->
        <select name="profession" id="" multiple size="2">
            <!--option 选项
                value属性： 选项标签的值  如果不填，默认就是标签的文本内容值，一般情况下会进行设置
                selected属性  选中  默认选中的是列表中的第一个 如果在某个option中添加了selected代表该标签被默认选中
           -->
            <option value="Java bigdata">Java大数据</option>
            <option >web大前端</option>
            <option value="machine" selected>机器视觉</option>
            <option value="insert">嵌入式开发</option>
            <option value="insert">PLC上位机</option>
            <option value="virtual">虚幻引擎</option>
            <option value="UI">UI产品经理</option>
            <option value="automate">自动化编程</option>
        </select>

        <!--textarea 文本域标签
            cols属性：设置文本域标签的宽度
            rows属性：设置文本域标签的高度  设置以上两个属性，只能作为浏览器打开的指定的大小，实际上宽度和高度是可以拖拉的

        -->
        <textarea name="" cols="20" rows="5" >本人活泼向上，积极乐观，三观超正</textarea>

        <input type="submit" value="提交"/>
    </form>

</body>
</html>